import React, { Component } from 'react';
import { Router, Scene, TabBar, ActionConst } from 'react-native-router-flux';

import Misssion from './mission/index.js';
import MissionDetail from './mission/detail.js';
import My from './my/index.js';

export default class Main extends Component {
  render() {
    return (
      <Router>
        <Scene key="root" tabs={true}>
          <Scene
            key="Misssion"
            title="Misssion"
            initial={true}
          >
            <Scene
              component={Misssion}
              key="MissionList"
              title="MissionList"
              initial={true}
            />
            <Scene
              component={MissionDetail}
              key="MissionDetail"
              title="MissionDetail"
            />
          </Scene>
          <Scene key="My" component={My} title="My" />
        </Scene>
      </Router>
    );
  }
}
